body,html{
	width: 100%;
	height: 100%;
	min-width: 1200px;
	padding:0;
	margin: 0; 
}
/*a{
    background-color: red;
}*/
.clear{
	clear: both;
}
.head{
	background-image: url("../img/index/bg2.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
	width: 100%;
	min-width: 1200px;
	padding-top: 100px;
}
.head img{
	width: 100%;
}
.img_head{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
.img_head img{
	height: 480px;
	min-width: 1200px;
}
.slide1{
	width: 100%;
    height: 100%;
}
.slide1 img{
	width: 100%;
    height: 100%;
}
.header{
	position: absolute;
    top: 35px;
    width: 100%;
    background-color: rgba(0,0,0,0);
    min-width: 1200px;
    z-index: 10;
}
.header1{
    width: 56%;
    background-color: rgba(0,0,0,0);
    float: right;
}
.header a{
	float: left;
    width: 9%;
    padding: 15px 0px;
    text-align: center;
    margin-right: 2%;
}
.header a span{
	color: black;
    font-weight: 600;
}
.area{
	width: 100%;
	margin-top: -180px;
}
.area img{
	width: 100%;
}
/*.area_box{
	background-image: url('__STATIC__/img/index/area.png'); 
}*/
.area .link_box{
	width: 15%;
    height: 21%;
    display: inline-block;
    border-radius: 130px;
	position: absolute;
}
.a_box{
	position: relative;
	height: 100%;
}
.link_box1{
    top: 2%;
    left: 31%;
}
.link_box2{
    top: 10%;
    right: 12.5%;
}
.link_box3{
    top: 40%;
    left: 18%;
    z-index: 3;
}
.link_box4{
    bottom: 3%;
    left: 30%;
}
.link_box5{
    bottom: 18%;
    right: 7%;
}
.vidio .link_box{
	width: 13%;
    height: 13%;
    display: inline-block;
    position: absolute;
    left: 11%;
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;
}
.link_box6{
    top: 14%;
}
.link_box7{
    top: 33%;
}
.link_box8{
    top: 51%;
}
.link_box9{
    bottom: 18%;
}
.area_box img{
	position: absolute;
}
.vidio img{
	width: 100%;
}
.vidio img{
	width: 100%;
}
.vidio_box{
	height: 65%;
    width: 47%;
    position: absolute;
    right: 18%;
    top: 15%;
    border: 10px solid black;
}
.vidio_box embed{
	width: 100%;
	background-color: red;
}
.one{
	position: relative;
}
.one .link_box{
    display: inline-block;
    position: absolute;
}
.link_box10{
    height: 14%;
    width: 24.5%;
    top: 16%;
    left: 12%;
    z-index: 20;
}
.link_box11{
    width: 25%;
    height: 18%;
    top: 18%;
    right: 10%;
}
.link_box12{
    width: 24.5%;
    height: 19.9%;
    top: 31%;
    left: 12%;
}
.link_box13{
	width: 24.5%;
    height: 21%;
    top: 20%;
    right: 36.5%;
}
.link_box14{
	width: 24%;
    height: 14%;
    top: 42%;
    right: 37%;
}
.link_box15{
	width: 25%;
    height: 16%;
    top: 37.5%;
    right: 9.5%;
}
.link_box16{
    width: 5.5%;
    height: 1%;
    bottom: 30%;
    left: 29.5%;
}
.link_box17{
    width: 5.5%;
    height: 1%;
    bottom: 30.5%;
    right: 16.5%;
}
.link_box18{
    width: 5.5%;
    height: 1%;
    bottom: 14.5%;
    left: 3.5%;
}
.link_box19{
    width: 1.3%;
    height: 6%;
    bottom: 8%;
    right: 44.5%;
}
.flower{
	position: absolute;
	top: -162px;
	left: 0;
    z-index: 10;
}
.one_img{
	width: 100%;
}
.bottom img{
	width: 100%;
}
.area_box{
	height: 180px;
	width: 100%;
}
.active{
    background-color: rgba(197,197,197,0.5);
}
.bx-wrapper{
	margin:0; 
}
.bx-wrapper .bx-viewport{
	border: 0;
}
.slider3_box{
	position: absolute;
	top: 40%;
	display: block;
	width: 100%;
	z-index: 2;
}
.bottom .a_box .slider4_box{
	width: 100%;
    position: absolute;
    bottom: 17%;
    height: 25%;
    background-color: rgba(155, 145, 145, 0.2);
    padding-top: 4%;
}
.bottom .a_box .text{
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 17%;
    text-align: center;
} 
#h5{
	margin-top: 7%;
}
.data-list{
	width: 100%;
	position: absolute;
	top: 20%;
	padding:0 10%;
    height: 38%;
}
.data-box{
	width: 20%;
	margin-right: 6%;
	display: inline-block;
	float: left;
    height: 100%;
}
.list-title{
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 2px solid #585353;
}
.list-title span{
	float: left;
	font-weight: 600;
	font-size: 20px;
}
.list-box{
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 2px solid #585353;
}
.more{
	float: right;
	font-size: 14px;
	color: gray;
	line-height: 30px;
}
.list-img{
	width: 100%;
	margin-bottom: 10px;
    height: 20%;
}
.list-img img{
	width: 100%;
    height: 100%;
}
.list-content{
	width: 100%;
	margin-bottom: 5px;
}
.list-box{
	width: 100%;
	margin-bottom: 3px;
	border-bottom: 1px dotted #a6a1a1;
    display: block;
    color: gray;
}
.list-content i{
	line-height: 20px;
	margin-right: 10px;
}
.list-content span{
    font-size: 14px;
}
.swiper-container {
    width: 600px;
    margin-right: 25%;
    margin-left: 35%;
   /* background-color: white;
    margin: 2;
    margin-top: 5px;
    padding-left: 10px;
    box-shadow: 0px 0px 25px #584c4c;
    padding-top: 5px;
    padding-bottom: 5px;*/
}  
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.slider4_box img{
    height: 200px;
}
.slider3_box img{
    height: 130px;
}
.slider{
    height: 100%;
}